テーブルのマスを増やす

■ マスを増やす

枠をヨコに増やす
<td> ～ </td>

基本構成は前回やったこの形です。
<table><tr><td>～</td></tr></table>

ここで一マスにかかわる「td」を増やしていきます。

「td」を2つ並べてみると

「<table border="1">
<tr><td>枠ができました</td><td>枠ができました</td></tr>
</table>」

枠ができました

「td」を3つ並べてみると

「<table border="1">
<tr><td>枠ができました</td><td>枠ができました</td><td>枠ができました</td></tr>
</table>」

枠ができました

このように「td」を並べることで、枠を増やすことができるのです。

タテに枠を並べる
<tr> ～ </tr>

基本構成は前回やったこの形です。
<table><tr><td>～</td></tr></table>

今度は一マスにかかわる「tr」を増やしていきます。
もちろんこのとき「tr」でサンドイッチした「td」もいっしょに増やします。

「tr」を2つ並べてみると

「<table border="1">
<tr><td>枠ができました</td></tr>
<tr>lt;td>枠ができました</td></tr>
</table>」

枠ができました

「tr」を3つ並べてみると

「<table border="1">
<tr><td>枠ができました</td></tr>
<tr><td>枠ができました</td></tr>
<tr><td>枠ができました</td></tr>
</table>」

枠ができました

このように「tr」を増やすと、行を増やしていくことができるのです。

つまり、
「tr」が増える→「行が増える」
「td」が増える→「列が増える」
ということになるのです。